<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <%@include file="../common/head.jspf" %>
        <link href="/css/user/transaction.css" rel="stylesheet"/>
        <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <header class="site-mast" >
            <%@include file="../common/head_top_short.jspf" %>
        </header>
        <%@include file="../common/userinfo.jspf" %>
        <div class="tran_content">
            <%@include file="../common/navigate.jspf" %>            
            <div class="order_list">
                <table border="0">
                    <tr style="background-color:#f5f5f5">
                        <th style="width:30%;">商品信息</th>
                        <th style="width:13%;">单价(元)</th>
                        <th style="width:15%;">数量</th>
                        <th style="width:17%;">小计(元)</th>
                        <th style="width:15%;">操作</th>
                    </tr>
                    <tr style="height:40px;">
                        <td>
                            <img src="/img/user/checkbox.png" id="coll_checkbox" class="cursor"/>
                            <label style="padding-left:5px;" class="cursor" id="all_checked">全选</label>
                            <label style="padding-left:5px;" class="cursor" id="delete_shopcar_all">删除</label>
                        </td>
                    </tr>
                    <c:forEach var="item" items="${uclist}" varStatus="status"> 
                        <tr class="order_list_info_tr">

                            <td class="order_list_shop">
                                <input type="hidden" value="${item.id}" class="hiddenCartId"/>
                                <img src="/img/user/checkbox.png" class="coll_checkbox_each cursor" style="margin-right: 5px;"/>
                                <img src="/img/user/shop.png" />
                                <div class="order_list_shop_info">${item.commodityName}</div>
                            </td>
                            <td align='center' class="color_red">￥
                                <label class="commo_price">${item.price}</label>
                            </td> 
                            <td align='center'>
                                <i class="fa fa-minus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                                <input type="text" value="${item.number}" style="width:36px;height:16px;" class="commo_num"/>
                                <i class="fa fa-plus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                            </td>
                            <td align='center' class="color_red">￥
                                <label class="commo_each_total">${item.total}</label>
                            </td> 
                            <td align='center'>
                                <div class="color_red cursor">移至收藏夹</div>
                                <div class="shopcar_delete cursor">删除</div>
                            </td> 
                        </tr>
                        <tr style="height:10px;"></tr>
                    </c:forEach> 

                    <tr class="order_list_info_tr">
                        <td class="order_list_shop">
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each cursor" style="margin-right: 5px;"/>
                            <img src="/img/user/shop.png" />
                            <div class="order_list_shop_info">创意简约圆形客厅灯140w</div>
                        </td>
                        <td align='center' class="color_red">￥
                            <label class="commo_price">324.15</label>
                        </td> 
                        <td align='center'>
                            <i class="fa fa-minus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                            <input type="text" value="1" style="width:36px;height:16px;" class="commo_num"/>
                            <i class="fa fa-plus-square-o fa-lg cursor" style="color:#c8c8c8;"></i></td>
                        <td align='center' class="color_red">￥
                            <label class="commo_each_total">324.15</label>
                        </td> 
                        <td align='center'>
                            <div class="color_red cursor">移至收藏夹</div>
                            <div class="shopcar_delete cursor">删除</div></td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr">
                        <td class="order_list_shop">
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each cursor" style="margin-right: 5px;"/>
                            <img src="/img/user/shop.png" />
                            <div class="order_list_shop_info">创意简约圆形客厅灯140w</div>
                        </td>
                        <td align='center' class="color_red">￥
                            <label class="commo_price">324.25</label>
                        </td> 
                        <td align='center'>
                            <i class="fa fa-minus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                            <input type="text" value="1" style="width:36px;height:16px;" class="commo_num"/>
                            <i class="fa fa-plus-square-o fa-lg cursor" style="color:#c8c8c8;"></i></td>
                        <td align='center' class="color_red">￥
                            <label class="commo_each_total">324.25</label>
                        </td> 
                        <td align='center'>
                            <div class="color_red cursor">移至收藏夹</div>
                            <div class="shopcar_delete cursor">删除</div></td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr">
                        <td class="order_list_shop">
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each cursor" style="margin-right: 5px;"/>
                            <img src="/img/user/shop.png" />
                            <div class="order_list_shop_info">创意简约圆形客厅灯140w</div>
                        </td>
                        <td align='center' class="color_red">￥
                            <label class="commo_price">324.35</label>
                        </td> 
                        <td align='center'>
                            <i class="fa fa-minus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                            <input type="text" value="1" style="width:36px;height:16px;" class="commo_num"/>
                            <i class="fa fa-plus-square-o fa-lg cursor" style="color:#c8c8c8;"></i></td>
                        <td align='center' class="color_red">￥
                            <label class="commo_each_total">324.35</label>
                        </td> 
                        <td align='center'>
                            <div class="color_red cursor">移至收藏夹</div>
                            <div class="shopcar_delete cursor">删除</div></td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr">
                        <td class="order_list_shop">
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each cursor" style="margin-right: 5px;"/>
                            <img src="/img/user/shop.png" />
                            <div class="order_list_shop_info">创意简约圆形客厅灯140w</div>
                        </td>
                        <td align='center' class="color_red">￥
                            <label class="commo_price">324.45</label>
                        </td> 
                        <td align='center'>
                            <i class="fa fa-minus-square-o fa-lg cursor" style="color:#c8c8c8;"></i>
                            <input type="text" value="1" style="width:36px;height:16px;" class="commo_num"/>
                            <i class="fa fa-plus-square-o fa-lg cursor" style="color:#c8c8c8;"></i></td>
                        <td align='center' class="color_red">￥
                            <label class="commo_each_total">324.45</label>
                        </td> 
                        <td align='center'>
                            <div class="color_red cursor">移至收藏夹</div>
                            <div class="shopcar_delete cursor">删除</div></td> 
                    </tr>
                </table>
                <div class="color_red cart_total_money">￥: <label class="all_commo_price">0.00</label></div>
                <div class="cursor cart_dash">结算</div>

            </div>
            <div class="tuijian_banner">
                <label>今日推荐</label>
                <div class="tuijian_info">
                    <div style="width:20%;height:45%;background-color:green;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:greenyellow;float:left;padding:5px;"></div>
                    <div style="width:20%;height:45%;background-color:red;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:yellow;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:blue;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:red;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:green;float:left;margin:10px 15px;"></div>
                    <div style="width:20%;height:45%;background-color:blue;float:left;margin:10px 15px;"></div>
                </div>
            </div>
        </div>
        <div class="login_foot">
            <ul>
                <li>关于天下</li>
                <li>市场合作</li>
                <li>商家后台</li>
                <li>常见问题</li>

            </ul>
        </div>
        <script type="text/javascript" src="/js/pages/user/cart.js"></script>          
    </body>
</html>
